<template>
  <div class="footer">
    <div class="footer_in banxin tanxin">
      <div class="footerl">
        <ul class="tanxin">
          <li><a href="javascript:;" class="first">服务条款</a></li>
          <li><a href="javascript:;">隐私政策</a></li>
          <li><a href="javascript:;">儿童隐私政策</a></li>
          <li><a href="javascript:;">版权投诉</a></li>
          <li><a href="javascript:;">投资者关系</a></li>
          <li><a href="javascript:;">广告合作</a></li>
          <li><a href="javascript:;">廉正举报</a></li>
          <li><a href="javascript:;" class="last">联系我们</a></li>
        </ul>
        <p><span>网易公司版权所有©1997-2022</span> <span>杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</span></p>
        <p><span>粤B2-20090191-18</span><span>工业和信息化部备案管理系统网站</span><span>浙公网安备 33010902002564号</span></p>
        <p><span>互联网宗教信息服务许可证：浙（2022）0000120</span><span> 监督举报邮箱：51jubao@service.netease.com</span></p>
      </div>
      <div class="footerr">
          <ul class="tanxin">
              <li><i class="iconfont icon-ziti"></i><p>Amped Studio</p></li>
              <li><i class="iconfont icon-anquan"></i><p>用户认证</p></li>
              <li><i class="iconfont icon-yinle"></i><p>排位音乐人</p></li>
              <li><i class="iconfont icon-shang"></i><p>赞赏</p></li>
              <li><i class="iconfont icon-shipin"></i><p>视频奖励</p></li>
          </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
@import "../assets/base";
.footer {
  height: 170px;
  background: rgb(242, 242, 242);

  border-top: 2px solid #ccc;
  .footer_in {
      font-size: 12px;
      width: 980px;
    .footerl {
      width: 535px;
      height: 115px;
     
      ul {
        padding-top: 10px;
        li {
          a {
            font-size: 12px;
            color: #999;
            height: 16px;
            padding: 0 6px;
            border-right: 1px solid #999;
            &.last{
                border-right: 0;
            }
            &.first{
                padding-left: 0;
            }
          }
        }
      }
      p{
          margin-top: 10px;
      }
    }
    .footerr{
        width: 420px;
        height: 115px;
        ul{
            width: 420px;
            margin-top: 30px;
            background:pink
           li{
              i{
                display: inline-block;
                font-size: 60px;
            }
           }
        }
    }
  }
}
</style>